// 颜色
@popup-bg: @bg-color-container;
@arrow-bg: @bg-color-container;
@popup-text-color: @text-color-primary;

// 间距
@popup-padding: 4px @spacer;
@popup-content-line-height: @text-line-height-base;
@popup-arrow-width: 8px;
@popup-arrow-height: 8px;
@popup-content-arrow-spacer: @spacer-2;
@popup-content-margin: @spacer;

// 箭头位置偏移量
@popup-arrow-position: (@popup-arrow-width / 2);
@popup-content-font-size: @font-size-base;

// 阴影
@popup-shadow: @shadow-2-inset;
@popup-top-arrow-shadow: @shadow-inset-left, @shadow-inset-bottom;
@popup-left-arrow-shadow: @shadow-inset-left, @shadow-inset-top;
@popup-bottom-arrow-shadow: @shadow-inset-top, @shadow-inset-right;
@popup-right-arrow-shadow: @shadow-inset-right, @shadow-inset-bottom;

// 动画
@popup-flow: t-popup--animation;
@popup-flow-duration: @anim-duration-base;
@popup-flow-fn: @anim-time-fn-ease-in;
@popup-flow-transition: opacity @popup-flow-duration @popup-flow-fn,
  visibility @popup-flow-duration @popup-flow-fn,
  max-height @popup-flow-duration @anim-time-fn-easing;
